// 我的收入
.income-content {
    border-top: 2rpx solid #f5f5f5;
    .center-detail {
        .center-fans {
            justify-content: flex-start !important;
            .center-fannum {
                margin-top: 22rpx;

                color: #333333;

                font-family: PingFangSC-Medium, PingFang SC;
                font-size: 32rpx;
                font-weight: 500;
                line-height: 32rpx;
            }
            .center-width {
                width: calc(50% - 1rpx) !important;

                text-align: center;
            }
            .center-between {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .fans-go {
                width: 11rpx;
                height: 18rpx;
            }
        }
        .center-item {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;

            box-sizing: border-box;
            width: 100%;
            padding: 36rpx 0;

            border-radius: 14rpx;
            background: #ffffff;
            background-color: #fff;

            row-gap: 60rpx;
            .center-align {
                text-align: center;
            }
            .center-col {
                flex-shrink: 0;
                .center-point {
                    color: #666666;

                    font-family: PingFangSC-Regular, PingFang SC;
                    font-size: 24rpx;
                    font-weight: 400;
                }
                .center-pointnum {
                    margin-top: 22rpx;

                    text-align: center;

                    color: #333333;

                    font-family: PingFangSC-Medium, PingFang SC;
                    font-size: 32rpx;
                    font-weight: 500;
                }
            }
        }
    }
    .income-check {
        display: flex;
        align-items: center;
        justify-content: space-between;

        padding: 24rpx 29rpx;

        .income-btn {
            display: flex;
        }
        .income-tab {
            margin-left: 18rpx;

            color: #333333;
            border: 2rpx solid #e2e2e2;
            border-radius: 33px;
            background: #ffffff;

            font-family: PingFangSC-Regular, PingFang SC;
            font-size: 25rpx;
            font-weight: 400;
            line-height: 54rpx;
        }
        .tab-red {
            color: #fe292b !important;
            border: 2rpx solid #fe292b !important;
        }
        .income-title {
            color: #333333;

            font-family: PingFangSC-Regular, PingFang SC;
            font-size: 31rpx;
            font-weight: 400;
        }
    }
    .income-container {
        background-color: #ffffff;

        .myIntegral-list {
            padding: 0 29rpx;
            .integral-item {
                padding: 29rpx 0 7rpx 0;

                border-bottom: 2rpx solid #f5f5f5;

                .integral-record {
                    display: flex;
                    justify-content: space-between;

                    padding-bottom: 22rpx;

                    .name {
                        color: #333333;

                        font-family: PingFangSC-Regular, PingFang SC;
                        font-size: 25rpx;
                        font-weight: 400;

                        .income-go {
                            width: 11rpx;
                            height: 18rpx;
                            margin-left: 18rpx;
                        }
                    }
                    .income-text {
                        font-family: PingFangSC-Regular, PingFang SC;
                        font-size: 25rpx;
                    }
                    .red-color {
                        color: #fe292b;

                        font-weight: 400;
                    }
                    .gray-color {
                        color: #cccccc;

                        font-weight: 400;
                    }
                    .green-color {
                        color: #4bd151;

                        font-weight: 400;
                    }
                    .income-point {
                        color: #333333;

                        font-family: PingFangSC-Medium, PingFang SC;
                        font-size: 25rpx;
                        font-weight: 500;
                    }
                    .income-recore {
                        color: #333333;

                        font-family: PingFangSC-Regular, PingFang SC;
                        font-size: 25rpx;
                        font-weight: 400;
                    }
                    .income-from {
                        color: #999999;

                        font-family: PingFangSC-Regular, PingFang SC;
                        font-size: 25rpx;
                        font-weight: 400;
                    }
                    .income-time {
                        color: #999999;

                        font-family: PingFangSC-Regular, PingFang SC;
                        font-size: 22rpx;
                        font-weight: 400;
                        line-height: 22rpx;
                    }
                }
            }
        }
        .list-loading {
            text-align: center;

            color: #999999;

            font-size: 28rpx;
            font-weight: 300;
            line-height: 22rpx;
        }
        .no-data {
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;

            height: 78vh;

            .empty {
                width: 279rpx;
                height: 216rpx;
            }
        }
    }
}
// 我的业绩
.achievement-content {
    border-top: 2rpx solid #f5f5f5;
    .center-detail {
        .center-item {
            display: flex;
            justify-content: space-between;

            box-sizing: border-box;
            width: 100%;
            padding: 36rpx 29rpx;

            border-radius: 14rpx;
            background: #ffffff;
            background-color: #fff;
            .center-align {
                text-align: center;
            }
            .center-col {
                .center-point {
                    text-align: center;

                    color: #666666;

                    font-family: PingFangSC-Regular, PingFang SC;
                    font-size: 24rpx;
                    font-weight: 400;
                }
                .center-pointnum {
                    margin-top: 22rpx;

                    text-align: center;

                    color: #333333;

                    font-family: PingFangSC-Medium, PingFang SC;
                    font-size: 32rpx;
                    font-weight: 500;
                    line-height: 32rpx;
                }
            }
        }
    }
    .income-check {
        display: flex;
        align-items: center;
        justify-content: space-between;

        padding: 24rpx 29rpx;

        .income-btn {
            display: flex;
        }
        .income-tab {
            margin-left: 18rpx;

            color: #333333;
            border: 2rpx solid #e2e2e2;
            border-radius: 33px;
            background: #ffffff;

            font-family: PingFangSC-Regular, PingFang SC;
            font-size: 25rpx;
            font-weight: 400;
            line-height: 54rpx;
        }
        .tab-red {
            color: #fe292b !important;
            border: 2rpx solid #fe292b !important;
        }
        .income-title {
            color: #333333;

            font-family: PingFangSC-Regular, PingFang SC;
            font-size: 31rpx;
            font-weight: 400;
        }
    }
    .income-container {
        background-color: #ffffff;

        .myIntegral-list {
            padding: 0 29rpx;
            .integral-item {
                display: flex;

                padding: 29rpx 0;

                border-bottom: 2rpx solid #f5f5f5;

                .achievement-main {
                    flex-shrink: 0;

                    width: 112rpx;
                    height: 112rpx;
                    padding-right: 16rpx;

                    border-radius: 7rpx;
                }
                .achievement-col {
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;

                    line-height: 1;
                }
                .integral-record {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;

                    width: calc(100vw - 186rpx);

                    .one-row {
                        display: inline-block;
                        overflow: hidden;

                        max-width: 330rpx;

                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }
                    .name {
                        display: flex;
                        align-items: center;

                        color: #333333;

                        font-family: PingFangSC-Regular, PingFang SC;
                        font-size: 25rpx;
                        font-weight: 400;

                        .income-go {
                            width: 11rpx;
                            height: 18rpx;
                            margin-left: 18rpx;
                        }
                    }
                    .income-text {
                        font-family: PingFangSC-Regular, PingFang SC;
                        font-size: 25rpx;
                    }
                    .red-color {
                        color: #333333;

                        font-weight: 400;
                    }
                    .gray-color {
                        color: #cccccc;

                        font-weight: 400;
                    }
                    .income-point {
                        color: #333333;

                        font-family: PingFangSC-Medium, PingFang SC;
                        font-size: 25rpx;
                        font-weight: 500;
                    }
                    .income-recore {
                        color: #fe292b;

                        font-family: PingFangSC-Medium, PingFang SC;
                        font-weight: 500;
                    }
                    .income-from {
                        display: flex;
                        align-items: center;

                        color: #999999;

                        font-family: PingFangSC-Regular, PingFang SC;
                        font-size: 25rpx;
                        font-weight: 400;
                        .icon {
                            width: 25rpx;
                            height: 25rpx;
                            margin-right: 7rpx;
                        }
                        .nickname {
                            overflow: hidden;

                            max-width: 330rpx;

                            white-space: nowrap;
                            text-overflow: ellipsis;
                        }
                    }
                    .income-time {
                        color: #999999;

                        font-family: PingFangSC-Regular, PingFang SC;
                        font-size: 22rpx;
                        font-weight: 400;
                        line-height: 22rpx;
                    }
                }
            }
        }
        .list-loading {
            text-align: center;

            color: #999999;

            font-size: 28rpx;
            font-weight: 300;
            line-height: 22rpx;
        }
        .no-data {
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;

            height: 78vh;

            .empty {
                width: 279rpx;
                height: 216rpx;
            }
        }
    }
}
// 我的邀请
.invite-content {
    border-top: 2rpx solid #f5f5f5;
    .center-detail {
        .center-fans {
            justify-content: flex-start !important;
            .center-line {
                width: 2rpx;
                height: 76rpx;

                background: #f2f2f2;
            }
            .center-fannum {
                margin-top: 22rpx;

                color: #333333;

                font-family: PingFangSC-Medium, PingFang SC;
                font-size: 32rpx;
                font-weight: 500;
                line-height: 32rpx;
            }
            .center-width {
                width: calc(50% - 1rpx) !important;

                text-align: center;
            }
            .center-between {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .fans-go {
                width: 11rpx;
                height: 18rpx;
            }
        }
        .center-item {
            display: flex;
            justify-content: space-between;

            box-sizing: border-box;
            width: 100%;
            padding: 36rpx 0;

            border-radius: 14rpx;
            background: #ffffff;
            background-color: #fff;
            .center-align {
                text-align: center;
            }
            .center-col {
                .center-point {
                    color: #666666;

                    font-family: PingFangSC-Regular, PingFang SC;
                    font-size: 24rpx;
                    font-weight: 400;
                }
                .center-pointnum {
                    margin-top: 22rpx;

                    text-align: center;

                    color: #333333;

                    font-family: PingFangSC-Medium, PingFang SC;
                    font-size: 32rpx;
                    font-weight: 500;
                    line-height: 32rpx;
                }
            }
        }
    }
    .income-check {
        padding: 29rpx 11rpx 29rpx 29rpx;
        .income-title {
            color: #333333;

            font-family: PingFangSC-Regular, PingFang SC;
            font-size: 31rpx;
            font-weight: 400;
        }
    }
    .income-container {
        background-color: #ffffff;

        .myIntegral-list {
            padding: 0 29rpx;
            .integral-item {
                display: flex;

                padding: 29rpx 0;

                border-bottom: 2rpx solid #f5f5f5;

                .invite-main {
                    flex-shrink: 0;

                    width: 56rpx;
                    height: 56rpx;
                    margin-right: 16rpx;

                    border-radius: 50%;
                }

                .invite-col {
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                }
                .integral-record {
                    display: flex;
                    justify-content: space-between;

                    width: calc(100vw - 130rpx);
                    padding-bottom: 14rpx;

                    .name {
                        word-break: break-all;

                        color: #333333;

                        font-family: PingFangSC-Medium, PingFang SC;
                        font-size: 29rpx;
                        font-weight: 500;
                    }
                    .income-text {
                        font-family: PingFangSC-Regular, PingFang SC;
                        font-size: 25rpx;
                    }
                    .red-color {
                        color: #fe292b;

                        font-weight: 400;
                    }
                    .gray-color {
                        color: #cccccc;

                        font-weight: 400;
                    }
                    .green-color {
                        color: #4bd151;

                        font-weight: 400;
                    }
                    .income-point {
                        color: #fe292b;

                        font-family: PingFangSC-Medium, PingFang SC;
                        font-size: 25rpx;
                        font-weight: 400;
                    }
                    .income-level {
                        word-break: break-all;

                        color: #333333;

                        font-family: PingFangSC-Medium, PingFang SC;
                        font-size: 25rpx;
                        font-weight: 400;
                    }
                    .income-from {
                        min-width: max-content;
                        margin-left: 20rpx;

                        word-break: break-all;

                        color: #999999;

                        font-family: PingFangSC-Regular, PingFang SC;
                        font-size: 25rpx;
                        font-weight: 400;
                    }
                    .income-time {
                        color: #999999;

                        font-family: PingFangSC-Regular, PingFang SC;
                        font-size: 22rpx;
                        font-weight: 400;
                        line-height: 22rpx;
                    }
                }
                .pb_0 {
                    padding-bottom: 0;
                }
            }
        }
        .list-loading {
            text-align: center;

            color: #999999;

            font-size: 28rpx;
            font-weight: 300;
            line-height: 22rpx;
        }
        .no-data {
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;

            height: 78vh;

            .empty {
                width: 279rpx;
                height: 216rpx;
            }
        }
    }
}
// 我的粉丝
.myfans-content {
    border-top: 2rpx solid #f5f5f5;
    .center-detail {
        .center-fans {
            justify-content: flex-start !important;
            .center-line {
                width: 2rpx;
                height: 76rpx;

                background: #f2f2f2;
            }
            .center-fannum {
                margin-top: 22rpx;

                color: #333333;

                font-family: PingFangSC-Medium, PingFang SC;
                font-size: 32rpx;
                font-weight: 500;
                line-height: 32rpx;
            }
            .center-width {
                width: calc(50% - 1rpx) !important;

                text-align: center;
            }
            .center-between {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .fans-go {
                width: 11rpx;
                height: 18rpx;
            }
        }
        .center-item {
            display: flex;
            justify-content: space-between;

            box-sizing: border-box;
            width: 100%;
            padding: 36rpx 0;

            border-radius: 14rpx;
            background: #ffffff;
            background-color: #fff;
            .center-align {
                text-align: center;
            }
            .center-col {
                .center-point {
                    color: #666666;

                    font-family: PingFangSC-Regular, PingFang SC;
                    font-size: 24rpx;
                    font-weight: 400;
                }
                .center-pointnum {
                    margin-top: 22rpx;

                    text-align: center;

                    color: #333333;

                    font-family: PingFangSC-Medium, PingFang SC;
                    font-size: 32rpx;
                    font-weight: 500;
                    line-height: 32rpx;
                }
            }
        }
    }
    .income-check {
        padding: 29rpx 11rpx 29rpx 29rpx;
        .income-title {
            color: #333333;

            font-family: PingFangSC-Regular, PingFang SC;
            font-size: 31rpx;
            font-weight: 400;
        }
    }
    .income-container {
        background-color: #ffffff;

        .myIntegral-list {
            padding: 0 29rpx;
            .integral-item {
                display: flex;

                padding: 29rpx 0;

                border-bottom: 2rpx solid #f5f5f5;

                .invite-main {
                    flex-shrink: 0;

                    width: 56rpx;
                    height: 56rpx;
                    margin-right: 16rpx;

                    border-radius: 50%;
                }

                .invite-col {
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                }
                .integral-record {
                    display: flex;
                    justify-content: space-between;

                    width: calc(100vw - 130rpx);
                    padding-bottom: 14rpx;

                    .name {
                        color: #333333;

                        font-family: PingFangSC-Medium, PingFang SC;
                        font-size: 29rpx;
                        font-weight: 500;
                    }
                    .income-text {
                        font-family: PingFangSC-Regular, PingFang SC;
                        font-size: 25rpx;
                    }
                    .red-color {
                        color: #fe292b;

                        font-weight: 400;
                    }
                    .gray-color {
                        color: #cccccc;

                        font-weight: 400;
                    }
                    .green-color {
                        color: #4bd151;

                        font-weight: 400;
                    }
                    .income-point {
                        color: #fe292b;

                        font-family: PingFangSC-Medium, PingFang SC;
                        font-size: 25rpx;
                        font-weight: 400;
                    }
                    .income-level {
                        color: #333333;

                        font-family: PingFangSC-Medium, PingFang SC;
                        font-size: 25rpx;
                        font-weight: 400;
                    }
                    .income-from {
                        min-width: max-content;
                        margin-left: 20rpx;

                        word-break: break-all;

                        color: #999999;

                        font-family: PingFangSC-Regular, PingFang SC;
                        font-size: 25rpx;
                        font-weight: 400;
                    }
                    .income-time {
                        color: #999999;

                        font-family: PingFangSC-Regular, PingFang SC;
                        font-size: 22rpx;
                        font-weight: 400;
                        line-height: 22rpx;
                    }
                }
            }
        }
        .list-loading {
            text-align: center;

            color: #999999;

            font-size: 28rpx;
            font-weight: 300;
            line-height: 22rpx;
        }
        .no-data {
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;

            height: 78vh;

            .empty {
                width: 279rpx;
                height: 216rpx;
            }
        }
    }
}
// 业绩详情
.detail-content {
    .detail-top {
        margin-bottom: 18rpx;
        padding: 29rpx;

        background: #fe292b;

        .detail-head {
            display: flex;
            align-items: center;
            justify-content: space-between;

            width: 100%;

            .detail-info {
                display: flex;
                .detail-main {
                    width: 87rpx;
                    height: 87rpx;
                    margin-right: 22rpx;

                    border-radius: 50%;
                }
                .detail-col {
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;

                    .detail-name {
                        color: #ffffff;

                        font-family: PingFangSC-Medium, PingFang SC;
                        font-size: 31rpx;
                        font-weight: 500;
                    }
                    .detail-time {
                        color: #ffffff;

                        font-family: PingFangSC-Regular, PingFang SC;
                        font-size: 25rpx;
                        font-weight: 400;
                    }
                }
            }
            .detail-status {
                min-width: 160rpx;

                text-align: center;

                color: #ffffff;

                font-family: PingFangSC-Medium, PingFang SC;
                font-size: 40rpx;
                font-weight: 500;
            }
        }
    }
    .detail-all {
        background-color: #fff;

        .detail-list {
            display: flex;
            justify-content: space-between;

            padding: 34rpx 29rpx 29rpx 29rpx;

            .detail-goods {
                display: flex;
                .detail-photo {
                    width: 112rpx;
                    height: 112rpx;
                    margin-right: 18rpx;

                    border-radius: 7rpx;
                }
            }
            .detail-width {
                display: -webkit-box;
                overflow: hidden;
                -webkit-box-orient: vertical;

                max-width: 408rpx;
                height: 72rpx;
                // width: 330rpx;
                margin-right: 30rpx;

                color: #33302d;

                font-family: PingFangSC-Medium, PingFang SC;
                font-size: 25rpx;
                font-weight: 500;
                line-height: 36rpx;

                -webkit-line-clamp: 2;
            }
            .detail-end {
                align-items: flex-end !important;
            }
            .detail-between {
                display: flex;
                flex-direction: column;
                justify-content: space-between;

                .detail-money {
                    color: #333333;

                    font-family: PingFangSC-Regular, PingFang SC;
                    font-size: 25rpx;
                    font-weight: 500;
                }
                .detail-red {
                    color: #fe292b !important;
                }
                .detail-two {
                    color: #333333;

                    font-family: PingFangSC-Regular, PingFang SC;
                    font-size: 25rpx;
                    font-weight: 400;
                }
                .detail-sku {
                    color: #999999;

                    font-family: PingFangSC-Regular, PingFang SC;
                    font-size: 25rpx;
                    font-weight: 400;
                }
            }
        }
        .detail-float {
            padding: 0rpx 29rpx 36rpx 0;

            text-align: right;
        }
        .detail-color {
            padding-top: 29rpx !important;

            color: #fe292b;

            font-family: PingFangSC-Medium, PingFang SC;
            font-size: 29rpx;
            font-weight: 500;
        }
        .detail-line {
            height: 2rpx;
            padding: 0 29rpx;

            background: #f5f5f5;
        }
        .detail-back {
            height: 36rpx;
            padding: 7rpx;

            color: #333333;
            border-radius: 4rpx;
            background: #ffeded;

            font-family: PingFangSC-Regular, PingFang SC;
            font-size: 22rpx;
            font-weight: 400;
        }
    }
}
